.container {
    display       : flex;
    flex-direction: column;

    // 整个容器是伸缩盒子
    .orderTitle {
        // 该页面的标题
        font-size    : 50rpx;
        margin-bottom: 20rpx;
        color        : green;
        font-style   : normal;
    }

    .orderList {

        // 订单列表
        .topMsg {
            display: flex;
            height : 190rpx;

            .firstBar {
                height         : 100%;
                // border      : 1px solid rgb(231, 129, 129);
                flex           : 1;
                display        : flex;
                justify-content: center;
                align-items    : center;

                navigator {
                    width: 100%;

                    .orderImage {
                        /* 图片外面的标签 */
                        width          : 100%;
                        display        : flex;
                        justify-content: center;
                        align-items    : center;

                        image {

                            /* 图片样式 */
                            width        : 70%;
                            border-radius: 20rpx;
                        }
                    }
                }
            }


            .secondBar {
                // border: 1px solid green;
                flex     : 3;
                height   : 100%;

                .orderMsg {
                    display: flex;
                    height : 100%;
                    border-bottom: 1px solid rgb(204, 199, 199);

                    .leftMsg {
                        flex           : 1.7;
                        display        : flex;
                        flex-direction : column;
                        justify-content: space-around;
                        padding-left   : 10rpx;

                        .orderStoreName {
                            /* 订单店铺名  超过一行就显示...*/
                            font-size         : 35rpx;
                            font-weight       : 600;
                            color             : darkorchid;
                            padding           : 0 10rpx;
                            display           : -webkit-box;
                            overflow          : hidden;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 1;
                        }

                        .orderDate {
                            /* 订单日期 */
                            font-size    : 20rpx;
                            color        : darkorchid;
                            padding-left : 15rpx;
                            margin-bottom: -35rpx;
                        }

                        .orderDetailMsg {

                            /* 订单 详细信息 */
                            font-size         : 30rpx;
                            color             : darkorchid;
                            display           : -webkit-box;
                            overflow          : hidden;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 1;
                        }
                    }

                    .rightMsg {
                        flex           : 1;
                        display        : flex;
                        flex-direction : column;
                        justify-content: space-around;
                        text-align     : right;

                        padding-right     : 10rpx;
                        // border         : 1px solid red;

                        .orderInformation {
                            text {}
                        }


                        .totalNum {
                            flex      : 1;
                            font-size : 25rpx;
                            margin-top: 10rpx;
                            text-align: left;

                            text {
                                font-size: 24rpx;
                            }
                        }

                        .totalPrice {
                            margin-right : 10rpx;
                            margin-bottom: 10rpx;
                        }


                        .operator {
                            // width       : 60%;
                            // border      : 1px solid rgb(211, 46, 73);
                            display        : flex;
                            justify-content: center;
                            align-items    : center;

                            // padding-right: 20rpx;
                            .btn {
                                border       : 1rpx solid rgb(238, 236, 236);
                                font-size    : 25rpx;
                                padding      : 15rpx 5rpx;
                                border-radius: 15rpx;
                            }

                        }
                    }

                }
            }
        }

    }
}



// 提示空的信息
.btn_change_index {
   
  .text_msg {
    margin-top     : 15%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    color          : #cccccc;

    .text_msg_2 {
      font-size: 35rpx;
    }
  }

  .btn {
    margin-top     : 5%;
    justify-content: center;
    align-items    : center;
    display        : flex;
    .btn_msg {
      border         : 1px solid  rgb(153, 144, 144);
      width          : 20%;
      height         : 60rpx;
      font-size      : 35rpx;
      color          : rgb(92, 86, 86);
      justify-content: center;
      align-items    : center;
      display        : flex;
    // background-color: blue;

    }
  }
}